<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0,
  user-scalable=0" name="viewport">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <meta content="yes" name="apple-mobile-web-app-capable">
  <meta content="black" name="apple-mobile-web-app-status-bar-style">
  <meta content="telephone=no" name="format-detection">
  <link rel="stylesheet" href="../css/main.css" />
  <script src="../js/app.js" type="text/javascript"></script>
  <title>栽培技术查询</title>
</head>
<body>
  <!--最大化 最小化 关闭按钮层-->
  <div class="nong-operate-layer animate">
    <span class="nong-mini -nanui-minimize"></span>
    <span class="nong-max -nanui-maximize"></span>
    <span class="nong-close -nanui-close"></span>
  </div>
  <!--header的边框 为了实现像winform那样的效果-->
  <div class="nong-header-border"></div>
  <div class="nong-container">
    <!--header轮播-->
    <div class="nong-header">
      <div class="nong-header-item trans-animate nong-item-active">

      </div>
      <div class="nong-header-item trans-animate" style="background-image:url('../images/nav2.jpg');">

      </div>
      <div class="nong-header-item trans-animate" style="background-image:url('../images/nav3.jpg');">

      </div>
      <div class="nong-header-item trans-animate" style="background-image:url('../images/nav4.jpg');">

      </div>
      <div class="nong-header-item trans-animate" style="background-image:url('../images/nav5.jpg');">

      </div>
    </div>
    <!-- 栏目导航 -->
    <div class="nong-nav">
      <div class="nav-item nav-item-active animate">缺素诊断</div>
      <div class="nav-item-divide"></div>
      <div class="nav-item animate">病虫害防治</div>
      <div class="nav-item-divide"></div>
      <div class="nav-item animate">栽培技术</div>
      <div class="nav-item-divide"></div>
      <div class="nav-item animate">安全常识</div>
      <div class="nav-item-divide"></div>
      <div class="nav-item animate">科教视频</div>
      <div class="nong-divide-3">

      </div>
    </div>
    <div class="nong-content">
      <!-- 四种作物 -->
      <div class="cultivation-nav-header">
          <div class="cultivation-start">
            <span class="start-item" style="background-image:url('../images/wheat.jpg');"></span>
            <span class="start-item" style="background-image:url('../images/maize.jpg');"></span>
            <span class="start-item" style="background-image:url('../images/rape.jpg');"></span>
            <span class="start-item" style="background-image:url('../images/ripe.png');"></span>
          </div>
      </div>

      <div class="cultivation-current-nav">
        <div class="cultivation-nav-item cultivation-animate current-item-active">
          <h3 class="current-title">小麦</h3>
          <span class="current-desc">主要作物：小麦</span>
          <span class="current-nav-border"></span>
          <p class="current-desc-conent">
              华云大数据挖掘平台助力京东商城在短时间内快速搭建商品采集系统以及价格智能决策系统，并成功实现该业务系统数次平稳扩容。
          </p>
        </div>

        <div class="cultivation-nav-item cultivation-animate">
          <h3 class="current-title">病虫害防止</h3>
          <span class="current-desc">行业领域：制造业</span>
          <span class="current-nav-border"></span>
          <p class="current-desc-conent">
              华云大数据挖掘平台助力京东商城在短时间内快速搭建商品采集系统以及价格智能决策系统，并成功实现该业务系统数次平稳扩容。
          </p>
        </div>


        <div class="cultivation-nav-item cultivation-animate">
          <h3 class="current-title">病虫害防止</h3>
          <span class="current-desc">行业领域：制造业</span>
          <span class="current-nav-border"></span>
          <p class="current-desc-conent">
              华云大数据挖掘平台助力京东商城在短时间内快速搭建商品采集系统以及价格智能决策系统，并成功实现该业务系统数次平稳扩容。
          </p>
        </div>


        <div class="cultivation-nav-item cultivation-animate">
          <h3 class="current-title">病虫害防止</h3>
          <span class="current-desc">行业领域：制造业</span>
          <span class="current-nav-border"></span>
          <p class="current-desc-conent">
              华云大数据挖掘平台助力京东商城在短时间内快速搭建商品采集系统以及价格智能决策系统，并成功实现该业务系统数次平稳扩容。
          </p>
        </div>

      </div>

      <div class="cultivation-item">
        <span class="cultivation-img" style="background-image:url('../images/wheat.jpg');"></span>
        <div class="cultivation-item-title">
          <div class="cultivation-item-inner">
            <h2 class="detail-title">高产小麦</h2>
            <p class="detail-subtitle">
              品种介绍
            </p>
          </div>
        </div>
        <span class="cultivation-item-desc">华云数据CloudUltra™通过
          对税务内部存量异构集群的集约化管理和物理资源的整合，将虚拟机资源纳入统一管理，
          为金税三期按期高质量交付上线提供底层保障。</span>
      </div>
      <div class="cultivation-item">
          <span class="cultivation-img" style="background-image:url('../images/ripe.png');">

          </span>
          <div class="cultivation-item-title">
            <div class="cultivation-item-inner">
              <h2 class="detail-title">高产水稻</h2>
              <p class="detail-subtitle">
                品种介绍
              </p>
            </div>
          </div>
          <span class="cultivation-item-desc">华云数据CloudUltra™通过
            对税务内部存量异构集群的集约化管理和物理资源的整合，将虚拟机资源纳入统一管理，
            为金税三期按期高质量交付上线提供底层保障。</span>
      </div>
      <div class="cultivation-item">
          <span class="cultivation-img" style="background-image:url('../images/rape.jpg');"></span>
          <div class="cultivation-item-title">
            <div class="cultivation-item-inner">
              <h2 class="detail-title">高产油菜</h2>
              <p class="detail-subtitle">
                品种介绍
              </p>
            </div>
          </div>
          <span class="cultivation-item-desc">华云数据CloudUltra™通过
            对税务内部存量异构集群的集约化管理和物理资源的整合，将虚拟机资源纳入统一管理，
            为金税三期按期高质量交付上线提供底层保障。</span>
      </div>
      <div class="cultivation-item">
          <span class="cultivation-img" style="background-image:url('../images/wheat.jpg');"></span>
          <div class="cultivation-item-title">
            <div class="cultivation-item-inner">
              <h2 class="detail-title">高产小麦</h2>
              <p class="detail-subtitle">
                品种介绍
              </p>
            </div>
          </div>
          <span class="cultivation-item-desc">华云数据CloudUltra™通过
            对税务内部存量异构集群的集约化管理和物理资源的整合，将虚拟机资源纳入统一管理，
            为金税三期按期高质量交付上线提供底层保障。</span>
      </div>
      <div class="cultivation-item">
          <span class="cultivation-img" style="background-image:url('../images/maize.jpg');"></span>
          <div class="cultivation-item-title">
            <div class="cultivation-item-inner">
              <h2 class="detail-title">高产玉米</h2>
              <p class="detail-subtitle">
                品种介绍
              </p>
            </div>
          </div>
          <span class="cultivation-item-desc">华云数据CloudUltra™通过
            对税务内部存量异构集群的集约化管理和物理资源的整合，将虚拟机资源纳入统一管理，
            为金税三期按期高质量交付上线提供底层保障。</span>
      </div>
      <div class="cultivation-item">
          <span class="cultivation-img" style="background-image:url('../images/wheat.jpg');"></span>
          <div class="cultivation-item-title">
            <div class="cultivation-item-inner">
              <h2 class="detail-title">高产小麦</h2>
              <p class="detail-subtitle">
                品种介绍
              </p>
            </div>
          </div>
          <span class="cultivation-item-desc">华云数据CloudUltra™通过
            对税务内部存量异构集群的集约化管理和物理资源的整合，将虚拟机资源纳入统一管理，
            为金税三期按期高质量交付上线提供底层保障。</span>
      </div>

    </div>

    <div class="clear"></div>
  </div>
</body>
</html>
